@charset "utf-8";
.main {
    max-width: 1500px;
    min-width: 1256px;
    margin: 0 auto;
    background: #f8f8f8;
    padding-bottom:85px ;
    .text {
        width: 1000px;
        margin: 0 auto;
        h2 {
            font-size: 22px;
            margin-left: 60px;
            padding-top: 53px;
        }
        h4 {
            width: 686px;
            height: 28px;
            background: #efefef;
            margin: 0 auto;
            font-family: "Times New Roman";
            color: #a0a0a0;
            font-size: 22px;
            font-weight: normal;
            font-style: oblique;
            line-height: 28px;
            margin-bottom: 44px;
        }
    }
    .content {
        width: 679px;
        height: 495px;
        margin: 0 auto;
        li {
            display: inline-block;
            position: relative;
            &:hover .shade {
                display: block;
                opacity: .9;
            }
            a{
                color: black;
                font-size: 16px;
            }
            .text_1 {
                position: absolute;
                h3 {
                    font-size: 14px;
                }
                p {
                    font-size: 12px;
                    -webkit-transform: scale(.8);
                    margin: 5px 0 0 -18px;
                }
            }
            .shade {
                display: none;
                background: #2e2d2d;
                color: white;
                text-align: center;
                position: absolute;
                left: 0;
                top: 0;
                P {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 10%;
                    margin: auto;
                }
            }
            .text_1_2 {
                top: 50px;
                left: 25px;
            }
            .text_2_2 {
                top: 135px;
                left: 40px;
            }
            .text_3_2 {
                top: 53px;
                left: 20px;
            }
            .text_4_2 {
                top: 100px;
                left: 25px;
            }
            .text_5_2 {
                top: 40px;
                left: 20px;
            }
            .text_6_2 {
                top: 98px;
                left: 25px;
            }
            .text_7_2{
                top: 35px;
                left: 260px;
            }
            
            .text_8_2{
                top: 35px;
                left: 40px;
                }
            .shade_1 {
                width: 280px;
                height: 222px;
            }
            .shade_2 {
                width: 211px;
                height: 222px;
            }
            .shade_3 {
                width: 173px;
                height: 222px;
            }
            .shade_4 {
                width: 220px;
                height: 175px;
            }
            .shade_5 {
                width: 174px;
                height: 175px;
            }
            .shade_6 {
                width: 270px;
                height: 175px;
            }
            .shade_7 {
                width: 540px;
                height: 90px;
            }
            
        }
     }
}